<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title></title>
</head>
<body>
  <div id="printContent" class="mydiv">
  <!-- 循环开始-->

  <!-- 循环结束-->
  </div>
</body>
</html>
<script>
  window.onload = function(){
    // 监听发送消息事件
    window.addEventListener('message',function(e){
      iframeReceiveData(e.data.data)
    });
    // 监听打印成功事件
  }

  const iframeReceiveData = (data) => {
    let html = '<table ><tbody>\n' +
        '\t<tr class="tr_base">\n' +
      '\t  <td valign="center" colspan="2" style="text-align: left">\n' +
      '\t\t&nbsp;&nbsp;&nbsp;&nbsp;请携带此输液预约注射单及相关药品、病史，按预约时间来进行输液治疗，如未能按时前来，请在工作时间内至少提前2小时，\n' +
      '\t\t拨打<span style="font-weight:bold">59179591</span>取消或更改预约，如<span style="font-weight:bold">超过15分钟将取消此次预约</span>。\n' +
      '\t  </td>\n' +
      '\t</tr>\n' +
      '\t<tr class="tr_base">\n' +
      '\t  <td valign="center" >姓名</td>\n' +
      '\t  <td valign="center" ><span style="font-weight:bold">' + data.name + '</span></td>\n' +
      '\t</tr>\n' +
      '\t<tr class="tr_base">\n' +
      '\t  <td valign="center" >预约日期</td>\n' +
      '\t  <td valign="center" ><span style="font-weight:bold"> '+ data.infusionDate + '</span></td>\n' +
      '\t</tr>\n' +
      '\t<tr class="tr_base" >\n' +
      '\t  <td valign="center" >预约时间</td>\n' +
      '\t  <td valign="center" ><span style="font-weight:bold">' + data.yjkssj + '</span></td>\n' +
      '\t</tr></tbody></table>';
    document.getElementById('printContent').innerHTML = html;
    window.print();
  };
</script>

<style>
  body {
    font-family: "仿宋","Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
  }
  .mydiv {
    width: 230px;
    font-size: 15px;
    margin-left: 42px;
  }
  table{
    text-align: center;
    /* 表边框合并  两个单元格之间的边框进行合并 */
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
  }

  table td, th{
    border: 1px black solid;
    background-color: white;
    height: 1rem;
  }
  .tr_base {
    word-break: break-all;
    border-style: solid;
    border-width: 1px;
  }
</style>
